<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>背景图固定在右下角</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    html,
    body {
        width: 100%;
        height: 100%;
    }

    .box {
        height: 100%;
        box-sizing: border-box;
        background: url(./img/bg.png) no-repeat bottom right #58a;  /* //同时设置背景图片和颜色哦! */
        background-position: right 60px bottom 30px;
        /* padding: 0 20px 10px 0;
        background-origin: content-box; */
    }
</style>

<body>
    <div class="box">
    </div>
</body>
<script type="text/javascript">
</script>

</html>